<div id="pening-list-warp">
	<pc_nav :message='message' :cc_num='cc_num' :todo_num='todo_num'></pc_nav>
	<search_nav v-on:getsearch="getSearchData" :navtype='type' v-if='searchNavClear'></search_nav>
	<div class="search-top">
		审批类型: 
		<select name="" v-model="apprveTyle" class="search-select">
			<option value="">全部</option>
			<option :value="o.name" v-for="(o,inx) in formList">{{ o.name }}</option>
		</select>
		<span v-if="type=='agreed' || type=='started'">
			<a  class="search-category" :class="{'search-category-selected':status.all}" @click="statusChange('all','');" >全部</a>
			<a  class="search-category" :class="{'search-category-selected':status.complete}" @click="statusChange('complete','COMPLETED');">审批完成</a>
			<a  class="search-category" :class="{'search-category-selected':status.runIn}" @click="statusChange('runIn','RUNNING');">审批中</a>
			<a  class="search-category" :class="{'search-category-selected':status.back}" @click="statusChange('back','TERMINATED');">已撤回</a>
		</span>
		<span v-if="type=='CC'">
			<label class="af-checkbox" >
				<input type="checkbox" v-model="unread" >
					<span > 仅未读 </span>
			</label>
			<a class="carbonCopyReadAll " @click="allRead($event)">全部标记为已读</a>
		</span>
	</div>
	<table class="table-result" >
		<tr data-reactid=".0.1.2.1.0.0.0">
			<th width="26%" >审批标题</th>
			<th width="32%" >审批摘要</th>
			<th width="13%" >发起时间</th>
			<th width="13%" >完成时间</th>
			<th width="16%" >状态</th>
		</tr>
		<tr v-for="(o,inx) in dataList" @click="trClick(o,inx)">
			<td class="table-td" >
				<span v-if="type=='CC'&&o.is_read==0" class="item-unread-tips"></span>
				<img class="item-content-png" :src="o.avatar" @click="profile(o.bpms_userid)" >
				<span class="item-title">
				  <span class="item-text-person" >{{ o.title }}</span>
				</span>
			</td>
			<td  class="table-td summary-td" >
				<div class="summary-item" v-if="inx2<4" v-for="(c,inx2) in o.listData" >
					<span >{{ c.name }}:</span>
					<span >{{ c.value }}</span>
				</div>
				<span v-if="o.listData.length>4" >.....</span>
			</td>
			<td  class="table-td" >
				<div class="table-cell" >{{ o.create_time }}</div>
			</td>
			<td  class="table-td" >
				<div class="table-cell" >{{ o.finish_time }}</div>
			</td>
			<td  class="table-td" >
				<div class="table-cell">
					<span class="list-approval-person" @click="profile(o.bpms_userid)" >{{ o.bpms_user}}</span>
					<span >{{ o.bpms_status}}  </span>
				</div>
			</td>
		</tr>
	</table>
	<div class="loading-tip" v-if="clickLoad" @click="loadMore">点击加载更多</div>
</div>
